<style lang="scss">
  .manage-left {
    width: 150px;
    background: #0a6aa1;
    float: left;
    position: relative;
    margin-right: -100%;
    .el-submenu .el-menu-item {
      padding: 0px 10px;
      min-width: 148px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow:ellipsis;
    }
    .one-level {
      display: inline-block;
      max-width: 76px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow:ellipsis;
    }
    .el-menu-item, .el-submenu__title {
      height: 40px!important;
      line-height: 40px!important;
    }
  }
  .manage-right {
    float: left;
    width: 100%;
  }
  .manage-right-content {
    margin-left: 165px;
    max-width: 1056px;
  }
</style>
<template>
  <el-row>
    <el-col :span="24">
      <div class="manage-left">
        <productMenuModal ref="productMenuModal"></productMenuModal>
      </div>
      <div class="manage-right">
        <div class="manage-right-content">
          <productTwoType ref="productTwoType"></productTwoType>
        </div>
      </div>
    </el-col>
  </el-row>
</template>

<script>

import productTwoType from '@/views/fhb/product/productTwoType'
import productMenuModal from '@/views/fhb/product/productMenuModal'
export default {
  name: 'productManage',
  components: {
    productTwoType,
    productMenuModal
  },
  data() {
    return {}
  }
}
</script>
